<style media="screen">
  .flow-list-item:last-child{
    border-bottom: none;
  }
  .head-container{
    position: relative;
    padding: 10px 0 14px;
  }
  .head-container .mes{
    margin-right: 10px;
    float: left;
  }
  .head-container .mes p{
    font-size: 12px;
    color:#CFCFCF;
    margin-bottom: 6px;
  }
  .head-container .mes input{
    width: 160px;
    height: 34px;
  }
  .head-container .flow{
    float: left;
    margin-right: 10px;
  }
  .head-container .flow p{
    font-size: 12px;
    color:#CFCFCF;
    margin-bottom: 6px;
  }
  .head-container .flow .flow-select{
    width: 140px;
    height: 34px;
  }
  .head-container .button-group{
    padding-top: 23px;
  }

  .sign-block-container{
    position:relative;
    overflow:hidden;
    color:#666;
    font-size:14px;
    margin-bottom:10px;
  }
  .sign-block-container .icon{
    position:absolute;
    left:0;
    top:50%;
    transform:translate(0,-50%);
    width:8px;
    height:8px;
    border-radius:50%;
    display:block;
  }
  .sign-block-container .icon.zs{
    background-color:#3D7FFF;
  }
  .sign-block-container .icon.pz{
    background-color:#F97A3F;
  }
  .sign-block-container .title{
    padding-left:20px;
    font-weight:bolder;
  }
  .sign-block-container .name{
    padding-left:20px;
    color:#999;
    font-size:14px;
    float:left;
  }
  .sign-block-container .value{
    padding-left:6px;
    float:left;
  }
  .first-title{
    color:#888AA0;
    font-weight:bolder;
  }
  .type-sign-container{
    position:absolute;
    right:24px;
  }
  .type-sign-container .type-item{
    float:left;
    margin-left:30px;
    position:relative;
  }
  .type-sign-container .type-item .icon{
    position:absolute;
    left:0;
    top:50%;
    transform:translate(0,-50%);
    width:8px;
    height:8px;
    border-radius:50%;
    display:block;
  }
  .type-sign-container .type-item .icon.zs{
    background-color:#3D7FFF;
  }
  .type-sign-container .type-item .icon.pz{
    background-color:#F97A3F;
  }
  .type-sign-container .type-item div{
    font-weight:bolder;
    padding-left:20px;
  }
  .place-container{
    overflow:hidden;
    margin-bottom:20px;
  }
  .place-item{
    float:left;
    min-width:110px;
    height:34px;
    color:#fff;
    background-color:#5E67A5;
    border-radius:4px;
    text-align:center;
    line-height:34px;
    margin-right:20px;
    margin-bottom:20px;
    box-sizing:border-box;
    padding:0 10px;
  }
  .origin-footer{
    height:48px;
    line-height:48px;
    overflow:hidden;
    cursor:pointer;
  }
  .origin-footer .ok{
    width:50%;
    float:left;
    background-color:#5e67a5;
    text-align:center;
    color:#fff;
    border-bottom-left-radius:6px;
  }
  .origin-footer .cancel{
    width:50%;
    float:left;
    background-color:#fff;
    text-align:center;
    color:#999;
    border-bottom-right-radius:6px;
  }
  .flowlist-image-cr .content{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
  }
</style>


<section class="lc-data-list pl-24 pr-24">
  <hl-page-header title="良仓大屏数据管理">
    <hl-button type="outline" @on-click="changeAllOriginType" v-if="quanxian.indexOf('c364') > -1">全局切换</hl-button>
    <hl-button type="outline" @on-click="goPage" v-if="quanxian.indexOf('c366') > -1">场地配置</hl-button>
    <hl-button type="outline" @on-click="goConfig" v-if="quanxian.indexOf('c365') > -1" >配置源</hl-button>
  </hl-page-header>

  <!--优质明星项目展示-->
  <p class="first-title" style="margin-top:20px;">优质明星项目展示</p>
  <div class="global_screening_container">
    <hl-radio-button :width="96" :data="listMenu" v-model="starProject.selectedStarProject" @on-select-item="selectStarPro" merge></hl-radio-button>
    <div class="type-sign-container">
      <div class="type-item">
        <span class="icon zs"></span>
        <div>真实源</div>
      </div>
      <div class="type-item">
        <span class="icon pz"></span>
        <div>配置源</div>
      </div>
    </div>
  </div>

  <div class="sign-block-container">
    <span class="icon" :class="[ starProject.selectedStarProject[0] == 'REAL' ? 'zs' : 'pz']"></span>
    <p class="title">优质明星项目展示</p>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:40px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">公司名称</div>
      <div class="dy-fx-2">团队人数</div>
      <div class="dy-fx-3">估值额（万元）</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in starProject.listData" :key="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2 ellipsis-1">{{ item.companyName | formatUndefined }}</li>
        <li class="dy-fx-2 ellipsis-1">{{ item.teamMemberCount | formatUndefined }}</li>
        <li class="dy-fx-3 ellipsis-1">{{ item.financingAmount | formatUndefined }}</li>
      </ul>
    </div>
  </section>

  <!--场地信息-->
  <p class="first-title">场地信息</p>
  <div class="global_screening_container">
    <hl-radio-button :width="96" :data="listMenu" v-model="placeMes.selectedPlaceMes" @on-select-item="selectPlaceMes" merge></hl-radio-button>
  </div>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <span class="icon" :class="[ placeMes.selectedPlaceMes[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">场地个数：</p>
      <div class="value">{{ placeMes.count | formatUndefined }}个</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <span class="icon" :class="[ placeMes.selectedPlaceMes[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">场地总面积：</p>
      <div class="value">{{ placeMes.totalAcreage | formatUndefined }}㎡</div>
    </div>
  </div>

  <div class="sign-block-container">
    <span class="icon" :class="[ placeMes.selectedPlaceMes[0] == 'REAL' ? 'zs' : 'pz']"></span>
    <p class="title">场地面积分析</p>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">项目名称</div>
      <div class="dy-fx-2">面积（㎡）</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in placeMes.listData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2 ellipsis-1">{{ item.projectName | formatUndefined }}</li>
        <li class="dy-fx-2 ellipsis-1">{{ item.acreage | formatUndefined}}</li>
      </ul>
    </div>
  </section>

  <div class="user-page clearfix" style="margin:10px 0 20px;">
    <div class="pull-left user-page-num">
      <span class="font-14">共<i>{{ placeMes.totalCount }}</i>条记录</span>
      <!-- <span>每页<hl-select :data="pageLimitData" v-model="placeMes.pageLimit" width="80" @on-change="changePlaceMesPageLimit"></hl-select>条</span> -->
    </div>
    <div class="pull-right">
      <hl-pagination v-model="placeMes.currentPage" :total="placeMes.totalPage" @change="handlePlaceMesPage"></hl-pagination>
    </div>
  </div>

  <!--场地公共服务-->
  <div class="sign-block-container">
    <span class="icon" :class="[ placeMes.selectedPlaceMes[0] == 'REAL' ? 'zs' : 'pz']"></span>
    <p class="title">场地公共服务</p>
  </div>
  <div class="place-container">
    <div class="place-item" v-for="(item,i) in placeMes.publicService">{{ item.val }}</div>
  </div>

  <!--投融资对接-->
  <p class="first-title">投融资对接</p>
  <div class="global_screening_container">
    <hl-radio-button :width="96" :data="listMenu" v-model="investmentFinancing.selectedItem" @on-select-item="selectInvestmentFinancingList" merge></hl-radio-button>
  </div>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <span class="icon" :class="[ investmentFinancing.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">得到融资在仓项目数：</p>
      <div class="value">{{ investmentFinancing.investmentFinancingAim1 | formatUndefined }}个</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <span class="icon" :class="[ investmentFinancing.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">良仓FA服务交付项目数：</p>
      <div class="value">{{ investmentFinancing.investmentFinancingAim2 | formatUndefined }}个</div>
    </div>
  </div>

  <div class="clearfix" style="margin-bottom:30px;">
    <div class="sign-block-container" style="width:400px;float:left;">
      <span class="icon" :class="[ investmentFinancing.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">得到300万以上融资在仓项目数：</p>
      <div class="value">{{ investmentFinancing.investmentFinancingAim3 | formatUndefined }}个</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <span class="icon" :class="[ investmentFinancing.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">估值1亿人民币以上在仓项目数：</p>
      <div class="value">{{ investmentFinancing.investmentFinancingAim4 | formatUndefined }}个</div>
    </div>
  </div>

  <!--活动中心-->
  <p class="first-title">活动中心</p>
  <div class="global_screening_container">
    <hl-radio-button :width="96" :data="activitylistMenu" v-model="activity.selectedItem" @on-select-item="selectActivityMenuList" merge></hl-radio-button>
  </div>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <span class="icon" :class="[ activity.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">板块：</p>
      <div class="value">
        <hl-radio :data="activityCenterMenu" v-model="activity.selectedType" @on-select-item="selectActivityCenterList"></hl-radio>
      </div>
    </div>
  </div>

  <div class="clearfix" v-show=" activity.selectedType[0] == 'ACTIVITY_COUNT' ">
    <div class="sign-block-container" style="width:400px;float:left;">
      <span class="icon" :class="[ activity.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">本年度活动场次：</p>
      <div class="value">{{ activityCenter.count1 | formatUndefined }}场</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <span class="icon" :class="[ activity.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">参与人数：</p>
      <div class="value">{{ activityCenter.count2 | formatUndefined }}人</div>
    </div>
  </div>

  <div class="clearfix" style="margin-bottom:30px;" v-show=" activity.selectedType[0] == 'ACTIVITY_COUNT' ">
    <div class="sign-block-container" style="width:400px;float:left;">
      <span class="icon" :class="[ activity.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">项目路演场次：</p>
      <div class="value">{{ activityCenter.count3 | formatUndefined }}场</div>
    </div>
  </div>

  <div class="sign-block-container" v-show=" activity.selectedType[0] == 'ACTIVITY_LIST' ">
    <span class="icon" :class="[ activity.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
    <p class="title">活动列表</p>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:40px;" v-show=" activity.selectedType[0] == 'ACTIVITY_LIST' ">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">活动标题</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in activity.listData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">{{item.title}}</li>
      </ul>
    </div>
  </section>

  <!--入驻企业分析-->
  <p class="first-title">入驻企业分析</p>
  <div class="global_screening_container">
    <hl-radio-button :width="96" :data="listMenu" v-model="company.selectedItem" @on-select-item="selectCompanyMenuList" merge></hl-radio-button>
  </div>

  <div class="sign-block-container">
    <span class="icon" :class="[ company.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
    <p class="title">入驻企业行业分析</p>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:20px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">行业</div>
      <div class="dy-fx-2">数量</div>
      <div class="dy-fx-2">比例（%）</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in company.industryListData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">{{item.industry | formatUndefined }}</li>
        <li class="dy-fx-2">{{item.count | formatUndefined }}</li>
        <li class="dy-fx-2">{{item.percent | formatUndefined }}</li>
      </ul>
    </div>
  </section>

  <div class="sign-block-container">
    <span class="icon" :class="[ company.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
    <p class="title">团队类别分析（在仓项目）</p>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:20px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">团队类别</div>
      <div class="dy-fx-2">数量</div>
      <div class="dy-fx-2">比例（%）</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in company.smallTypeListData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">{{item.teamType | formatUndefined}}</li>
        <li class="dy-fx-2">{{item.teamCount | formatUndefined}}</li>
        <li class="dy-fx-2">{{item.teamPercent | formatUndefined}}</li>
      </ul>
    </div>
  </section>

  <div class="sign-block-container">
    <span class="icon" :class="[ company.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
    <p class="title">团队类别分析（10人以上在仓项目）</p>
  </div>

  <section class="br-4 flow-list-container line-height-40 global_table" style="border:1px solid #E5E5E5;margin-bottom:40px;">
    <div class="dy-flex border-b text-center global_table_title">
      <div class="dy-fx-1">序</div>
      <div class="dy-fx-2">团队类别</div>
      <div class="dy-fx-2">数量</div>
      <div class="dy-fx-2">比例（%）</div>
    </div>
    <div>
      <ul class="dy-flex flow-list-item text-center global_table_item" v-for="(item,index) in company.bigTypeListData" :id="item.id" style="margin:0">
        <li class="dy-fx-1">{{index + 1 < 10 ? '0' + (index + 1) : index + 1 }}</li>
        <li class="dy-fx-2">{{item.teamType | formatUndefined}}</li>
        <li class="dy-fx-2">{{item.teamCount | formatUndefined}}</li>
        <li class="dy-fx-2">{{item.teamPercent | formatUndefined}}</li>
      </ul>
    </div>
  </section>

  <!--企业发展成果-->
  <p class="first-title">企业发展成果</p>
  <div class="global_screening_container">
    <hl-radio-button :width="96" :data="listMenu" v-model="companyDetails.selectedItem" @on-select-item="selectCompanyDetailsMenuList" merge></hl-radio-button>
  </div>

  <div class="clearfix">
    <div class="sign-block-container" style="width:400px;float:left;">
      <span class="icon" :class="[ companyDetails.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">孵化项目融资总额：</p>
      <div class="value">{{ companyDetails.dvptAchievementsAmount1 | formatUndefined}}万元</div>
    </div>
    <div class="sign-block-container" style="float:left;">
      <span class="icon" :class="[ companyDetails.selectedItem[0] == 'REAL' ? 'zs' : 'pz']"></span>
      <p class="name">孵化项目估值总额：</p>
      <div class="value">{{ companyDetails.dvptAchievementsAmount2 | formatUndefined}}万元</div>
    </div>
  </div>

  <div class="clearfix">
    <div class="sign-block-container" style="float:left;">
      <span class="icon pz"></span>
      <p class="name">良米基金投资总额：</p>
      <div class="value">{{ companyDetails.dvptAchievementsAmount3 | formatUndefined}}万元</div>
    </div>
  </div>

  <!--全局切换-->
  <section class="flowlist-image-cr pop box-o-shadow" v-if="isShowAllChange" style="width:500px;height:100px;">
    <div class="image-title">
      <h3>全局切换</h3>
    </div>
    <div class="content" style="height:200px;padding:60px 0 0;textAlign:center;">
      <div class="origin-title" style="margin-bottom:20px;">请选择源，确认后全屏实时生效</div>
      <hl-radio :data="listMenu" v-model="selectedAllType"></hl-radio>
    </div>
    <div class="origin-footer">
      <div class="ok" @click="confirmSelectAll">确认</div>
      <div class="cancel" @click="closeAllChangePop">取消</div>
    </div>
  </section>
  <div class="backdrop" v-if="isShowAllChange"></div>
</section>


<script src="modules/report_bi/scripts/lc_data_screen.js" charset="utf-8"></script>
